<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link
	href="${pageContext.request.contextPath}/themes/bootstrap/easyui.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath}/themes/icon.css"
	rel="stylesheet">
<script src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.easyui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/easyui-lang-zh_CN.js"></script>
</head>
<script type="text/javascript">
	$(function() {
		//var applicationDate=$("#applicationDate").val();
		$('#ma').hide();//加载页面时让钱财申请表单影藏
		//	$('#moneyapplication').hide();
		//用户选择钱财申请表选项卡的时候初始化
		$('#tt').tabs({    
		    border:false,    
		    onSelect:function(title){    
		    	if(title=='查询钱财申请'){
		    		//钱财申请表信息表格
		    		$('#moneyapplitable').datagrid({
						url : '${pageContext.request.contextPath}/search_h_MoneyApplication',
						type : 'post',
						striped : true,
						columns : [ [ {
							field : 'maId',
							title : '申请编号',
							width : 100,
							hidden : true
						}, {
							field : 'elName',
							title : '申请人',
							width : 150
						}, {
							field : 'dName',
							title : '申请部门',
							width : 150,
						}, {
							field : 'aContent',
							title : '申请内容(双击查看详细内容)',
							width : 200,
						}, {
							field : 'money',
							title : '金额',
							width : 100,
						}, {
							field : 'state',
							title : '状态',
							width : 100,
						}, {
							field : 'createDate',
							title : '创建日期',
							width : 150,
						} ] ],
						pagination : true,//在datagrid底部显示一个分页工具
						pageSize : 5,//初始化页面的时候，设置页面大小为5
						pageList : [ 5, 6, 7, 8 ],//分页页面大小选择
						onDblClickCell : function(index, field, value) {
							if (field == "aContent") {
								var valuekey = "";
								$.each(value, function(i, item) {
									valuekey += item;
									if (i % 59 == 0 && i != 0) {
										valuekey += '<br>';
									}
								})
								value = valuekey;
								$("#allcontent").window({
									title : "申请内容",
									width : 600,
									height : 200,
									content : value,
									minimizable : false,
									maximizable : false,
									inline : true
								});
							}
						}
		    		 });   
		    	}
		    	if(title=='查询各部门申请'){
		    		//查询各部门申请
		    		$("#allapplication").datagrid({
		    			url : '${pageContext.request.contextPath}/h_searchApplication',
						type : 'post',
						striped : true,
						columns : [ [ {
							field : 'checked',
							checkbox : true,
							width : 100
						}, {
							field : 'aId',
							title : '申请编号',
							width : 100,
							hidden : true
						}, {
							field : 'elName',
							title : '申请人',
							width : 100
						}, {
							field : 'dName',
							title : '申请部门',
							width : 100,
						}, {
							field : 'aContent',
							title : '申请内容(双击查看详细内容)',
							width : 200,
						}, {
							field : 'state',
							title : '状态',
							width : 100,
						}, {
							field : 'creatDate',
							title : '创建日期',
							width : 100,
						},] ],
						pagination : true,//在datagrid底部显示一个分页工具
						pageSize : 5,//初始化页面的时候，设置页面大小为5
						pageList : [ 5, 6, 7, 8 ],//分页页面大小选择
						onDblClickCell : function(index, field, value) {
							if (field == "aContent") {
								var valuekey = "";
								$.each(value, function(i, item) {
									valuekey += item;
									if (i % 59 == 0 && i != 0) {
										valuekey += '<br>';
									}
								})
								value = valuekey;
								$("#allcontent").window({
									title : "申请内容",
									width : 600,
									height : 200,
									content : value,
									minimizable : false,
									maximizable : false,
									inline : true
								});
							}
						}	
					});
		    	}
		    }    
		});  
		//各部门已提交的申请表信息表格
		$('#application').datagrid({
			url : '${pageContext.request.contextPath}/h_searchApplication',
			type : 'post',
			striped : true,
			columns : [ [ {
				field : 'checked',
				checkbox : true,
				width : 100
			}, {
				field : 'aId',
				title : '申请编号',
				width : 100,
				hidden : true
			}, {
				field : 'elName',
				title : '申请人',
				width : 100
			}, {
				field : 'dName',
				title : '申请部门',
				width : 100,
			}, {
				field : 'aContent',
				title : '申请内容(双击查看详细内容)',
				width : 200,
			}, {
				field : 'state',
				title : '状态',
				width : 100,
			}, {
				field : 'creatDate',
				title : '创建日期',
				width : 100,
			}, ] ],
			pagination : true,//在datagrid底部显示一个分页工具
			pageSize : 5,//初始化页面的时候，设置页面大小为5
			pageList : [ 5, 6, 7, 8 ],//分页页面大小选择
			toolbar : [{
				text : '创建钱财申请',
				iconCls : 'icon-add',
				handler : function() {
					var appls = $("#application").datagrid('getSelections');
					if (appls.length != 1) {
						$.messager.confirm('提示','请选择一条数据',function(r) {
							if (r) {
								$("#application").datagrid('unselectAll');
							}
						})
					} else {
						//当金额为空就不能提交
						var flag = 0;
						$('#ma').dialog({
							title : '创建钱财申请单',
							width : 400,
							height : 350,
							modal : true,
							toolbar : [ {
								text : '提交',
								iconCls : 'icon-ok',
								handler : function() {
									var key = "";
									var value = $('#mamoney input').val();
									var valuekey = value[0];
									if (value[0] == '-') {
										flag = 0;
										alert("金额不能为负");
									} else {
										$.each(value,function(i,item) {
															key += " ";
															if (item != ' ') {
																valuekey += item;
															}
														})
										if (value == key) {
											flag = 0;
											alert("金额不能为空");
										} else {
											flag = 1;
											value = valuekey;
										}
									}
									if (flag == 1) {//符合提交条件才提交
										$("#maform").form("submit");
									}
								}
							} ],
							onClose : function() {
								$("#application").datagrid('unselectAll');
							},
						});
						var appl = appls[0];
						$('#maform').form('load', appl);
					}
				}
			},{
				text : '拒收',
				iconCls : 'icon-no',
				handler : function(){
					var appls = $("#application").datagrid('getSelections');
					var applIds = Array();
					$.each(appls, function(i, n) {
						applIds[i] = n.aId;
					});
					if (appls.length == 0) {
						$.messager.confirm('提示','请选择数据',function(r) {
							if (r) {
								$("#application").datagrid('unselectAll');
							}
						})
					} else {
						$.ajax({
					        url : '${pageContext.request.contextPath}/updateApplication',
							type : 'post',
							traditional : true,
							data : {
								"applIds" : applIds
							},
							dataType : 'text',
							success : function(
									data) {
								if (data == "1") {
									$.messager.alert('提示','拒收成功','info',function() {
														$('#application').datagrid('reload');
									});
								} else {
									alert("拒收失败");
								}
							}
						});
					}
				}
			} ],
			onDblClickCell : function(index, field, value) {
				var valuekey = "";
				$.each(value, function(i, item) {
					valuekey += item;
					if (i % 59 == 0 && i != 0) {
						valuekey += '<br>';
					}
				})
				value = valuekey;
				if (field == "aContent") {
					$("#allcontent").window({
						title : "申请内容",
						width : 600,
						height : 200,
						content : value,
						minimizable : false,
						maximizable : false
					});
				}
			}
		});
		//初始化钱财申请表单提交的表单信息
		$("#maform").form({
			url : '${pageContext.request.contextPath}/creatmoney',
			success : function(data) {
				if (data == "1") {
					$('#ma').dialog('close');
					$("#maform").form('clear');
					$.messager.alert('提示', '创建成功', 'info', function() {
						$('#application').datagrid('reload');
						$('#moneyapplitable').datagrid('reload');
					});
				} else {
					alert("创建失败");
				}
			}
		});

	})
	//按日期查询各部门申请事件
	function searchApplication() {
		var applicationDate = $("#applicationDate").datebox("getValue");
		$('#application').datagrid('reload', {
			applicationDate : applicationDate
		});
	}
	//按状态查询各部门的申请事件
	function searchappliBySC(){
		
		var creatDate = $("#creatDate").datebox("getValue");
		var state=$("#state").combobox('getValue');
		
		$('#allapplication').datagrid('reload', {
			applicationDate : creatDate,
			state:state
		});
	}
	//通过指定日期和状态查询钱财申请的事件
	function searchMAByDate() {
		var maDate = $("#maDate").datebox("getValue");
		var maState=$("#mastate").combobox('getValue');
		
		$('#moneyapplitable').datagrid('reload', {
			maDate : maDate,
			maState:maState
		});
	}
</script>
<body
	style="background-image: url(img/dmb.jpg); background-size: cover;">
	<div id="tt" class="easyui-tabs" data-options="fit:true,plain:true">
		<div title="为各部门提交钱财申请" style="padding: 10px;">
			<div style="margin-top: 30px;">
				申请日期：<input class="easyui-datebox" id="applicationDate"
					labelPosition="top" style="width: 200px;"> <a
					class="easyui-linkbutton" onclick="searchApplication()"
					style="width: 80px;" data-options="text:'查询'"></a>

			</div>
			<div style="margin-top: 20px; width: 80%;">
				<table id="application"></table>
			</div>
			<!-- 钱财申请单对话框 -->
			<div id="ma">
				<form id="maform" method="post">
					<div style="margin-bottom: 20px; display: none;">
						<span>申请编号：</span> <input class="easyui-textbox" name="aId"
							style="width: 100%;">
					</div>
					<div style="margin-bottom: 20px">
						<span>申请人：</span> <input class="easyui-textbox" name="elName"
							style="width: 100%" data-options="disabled:true">
					</div>
					<div style="margin-bottom: 20px">
						<span>申请部门</span> <input class="easyui-textbox" name="dName"
							style="width: 100%" data-options="disabled:true">
					</div>
					<div style="margin-bottom: 20px">
						<span>申请内容</span> <input class="easyui-textbox" name="aContent"
							style="width: 100%; height: 60px" data-options="disabled:true">
					</div>
					<div id="mamoney" style="margin-bottom: 20px">
						<span>分配金额：</span> <input class="easyui-numberbox" name="money"
							style="width: 80px; height: 20px" data-options=""><span
							style="color: red">元 *</span>
					</div>
				</form>
			</div>
		</div>
		<div title="查询各部门申请" style="padding: 10px;">
		     <div style="margin-top: 20px; margin-left: 600px">
			按状态查询：<select id="state" class="easyui-combobox" style="width: 150px;"
						panelHeight="75" data-options="editable:false">
						<option value="已通过">已通过</option>
						<option value="未通过">未通过</option>
						<option value="已提交">已提交</option>
				   </select>

			</div>
			<hr>
			<!--已提交申请查询  -->
			<div >
				申请日期：<input class="easyui-datebox" id="creatDate" labelPosition="top"
					style="width: 200px;"> <a class="easyui-linkbutton"
					onclick="searchappliBySC()" style="width: 80px;"
					data-options="text:'查询'"></a>


				<div style="margin-top: 20px; width: 100%;">
					<table id="allapplication"></table>
				</div>
			</div>
		</div>
		<div  title="查询钱财申请" style="padding: 10px;">
			
			<div style="margin-top: 20px; margin-left: 600px">
			按状态查询：<select id="mastate" class="easyui-combobox" name="dept" style="width: 150px;"
						panelHeight="125" data-options="editable:false">
						<option value="所有">所有</option>
						<option value="已通过">已通过</option>
						<option value="未通过">未通过</option>
						<option value="已回复">已回复</option>
						<option value="已提交">已提交</option>
				   </select>

			</div>
			<hr>
			<!--已提交申请查询  -->
			<div id="moneyapplication">
				申请日期：<input class="easyui-datebox" id="maDate" labelPosition="top"
					style="width: 200px;"> <a class="easyui-linkbutton"
					onclick="searchMAByDate()" style="width: 80px;"
					data-options="text:'查询'"></a>


				<div style="margin-top: 20px; width: 100%;">
					<table id="moneyapplitable"></table>
				</div>
			</div>
		</div>
	</div>

    <!-- 申请内容显示详情窗口 -->
	<div id="allcontent"></div>
</body>
</html>